<template>
  <div>
    <table class="table1">
      <tr v-for="(item, index) in tableData" :key="index">
        <td>{{item.t1}}</td>
        <td>{{item.t2}}</td>
        <td>{{item.t3}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'page1-tab1',
    data () {
      return {
        tableData: [
          { t1: '数据库的兼容性', t2: '支持在同一服务器安装包括被测产品内的多款国内数据库产品', t3: '通过' },
          { t1: '硬件环境兼容', t2: '数据库在不改变配置的情况下，数据库兼容不同的硬件环境（向下兼容同系列产品', t3: '通过' },
          { t1: '数据兼容', t2: '支持被测数据库数据与其他数据库的数据兼容', t3: '通过' },
          { t1: '版本兼容', t2: '支持前一代同款数据库产品的数据库文件、接口', t3: '通过' },
          { t1: 'JDBC接口', t2: '支持JDBC标准接口\n' +
              '上层应用可通过JDBC连接 数据库，并进行数据的查询、删除、修改等操作', t3: '通过' },
          { t1: 'ODBC接口', t2: '支持ODBC标准接口\n' +
              '上层应用可通过ODBC连接 数据库，并进行数据的查询、删除、修改等操作', t3: '通过' },
          { t1: '语法兼容性', t2: '（1）兼容INSERT ALL/FIRST子句语法\n' +
              '（2）兼容MERGE INTO子句语法\n' +
              '（3）兼容WITH FUNCTION子句语法\n' +
              '（4）兼容WITH AS子句语法\n' +
              '（5）兼容ROLLUP、CUBE和GROUPING SETS分组统计语法\n' +
              '（6）兼容（+）操作符的左外连接和右外连接查询\n' +
              '（7）兼容q’转义字符语法', t3: '通过' },
          { t1: '接口兼容性', t2: '兼容接口OCI、OCCI（提供接口支持常用的删插改查功能，且接口、参数与OCI一致）', t3: '通过' }
        ]
      }
    }
  }
</script>

<style scoped lang="scss">
.table1{
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  th,td{
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255,.2);
    white-space: pre-wrap;
  }
}
</style>
